<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  
  
  <title>markdown基本语法 | The Blog Page of aoyuexingchen</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="简介 Typora是一款轻便简介的Warkdown编辑器，支持即使渲染技术，这也是与其他Markdown编辑器最显著的区别。 Markdown介绍*Markdown是一种轻量级标记语言，排版语法简洁，它允许人们使用易读易写的纯文本格式编写文档，可与HTML混编，可导出HTML、PDF以及本身的.md格式的文件。 *Markdown的语法十分简单，常用的标记符号不到十个，用于日常写作记录绰绰有余。">
<meta property="og:type" content="article">
<meta property="og:title" content="markdown基本语法">
<meta property="og:url" content="https://aoyuexingchen.gitee.io/my-blog/2021/04/08/markdown%E5%9F%BA%E6%9C%AC%E8%AF%AD%E6%B3%95/index.html">
<meta property="og:site_name" content="The Blog Page of aoyuexingchen">
<meta property="og:description" content="简介 Typora是一款轻便简介的Warkdown编辑器，支持即使渲染技术，这也是与其他Markdown编辑器最显著的区别。 Markdown介绍*Markdown是一种轻量级标记语言，排版语法简洁，它允许人们使用易读易写的纯文本格式编写文档，可与HTML混编，可导出HTML、PDF以及本身的.md格式的文件。 *Markdown的语法十分简单，常用的标记符号不到十个，用于日常写作记录绰绰有余。">
<meta property="og:locale" content="zh_CN">
<meta property="og:image" content="c:/Users/傲月星辰/Desktop/带其他元素的块引用.jpg">
<meta property="og:image" content="c:/Users/傲月星辰/Desktop/搭建个人博客/其他/段落.jpg">
<meta property="og:image" content="c:/Users/傲月星辰/Desktop/搭建个人博客/其他/图片语法.jpg">
<meta property="article:published_time" content="2021-04-08T15:59:59.000Z">
<meta property="article:modified_time" content="2021-04-08T15:55:24.351Z">
<meta property="article:author" content="傲月星辰">
<meta property="article:tag" content="傲月星辰">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="c:/Users/傲月星辰/Desktop/带其他元素的块引用.jpg">
  
    <link rel="alternate" href="/my-blog/atom.xml" title="The Blog Page of aoyuexingchen" type="application/atom+xml">
  
  
    <link rel="shortcut icon" href="/my-blog/favicon.png">
  
  
    
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/typeface-source-code-pro@0.0.71/index.min.css">

  
  
<link rel="stylesheet" href="/my-blog/css/style.css">

  
    
<link rel="stylesheet" href="/my-blog/fancybox/jquery.fancybox.min.css">

  
<meta name="generator" content="Hexo 5.4.0"></head>

<body>
  <div id="container">
    <div id="wrap">
      <header id="header">
  <div id="banner"></div>
  <div id="header-outer" class="outer">
    <div id="header-title" class="inner">
      <h1 id="logo-wrap">
        <a href="/my-blog/" id="logo">The Blog Page of aoyuexingchen</a>
      </h1>
      
    </div>
    <div id="header-inner" class="inner">
      <nav id="main-nav">
        <a id="main-nav-toggle" class="nav-icon"></a>
        
          <a class="main-nav-link" href="/my-blog/">Home</a>
        
          <a class="main-nav-link" href="/my-blog/archives">Archives</a>
        
      </nav>
      <nav id="sub-nav">
        
          <a id="nav-rss-link" class="nav-icon" href="/my-blog/atom.xml" title="RSS 订阅"></a>
        
        <a id="nav-search-btn" class="nav-icon" title="搜索"></a>
      </nav>
      <div id="search-form-wrap">
        <form action="//google.com/search" method="get" accept-charset="UTF-8" class="search-form"><input type="search" name="q" class="search-form-input" placeholder="搜索"><button type="submit" class="search-form-submit">&#xF002;</button><input type="hidden" name="sitesearch" value="https://aoyuexingchen.gitee.io/my-blog"></form>
      </div>
    </div>
  </div>
</header>

      <div class="outer">
        <section id="main"><article id="post-markdown基本语法" class="h-entry article article-type-post" itemprop="blogPost" itemscope itemtype="https://schema.org/BlogPosting">
  <div class="article-meta">
    <a href="/my-blog/2021/04/08/markdown%E5%9F%BA%E6%9C%AC%E8%AF%AD%E6%B3%95/" class="article-date">
  <time class="dt-published" datetime="2021-04-08T15:59:59.000Z" itemprop="datePublished">2021-04-08</time>
</a>
    
  </div>
  <div class="article-inner">
    
    
      <header class="article-header">
        
  
    <h1 class="p-name article-title" itemprop="headline name">
      markdown基本语法
    </h1>
  

      </header>
    
    <div class="e-content article-entry" itemprop="articleBody">
      
        <p><strong>简介</strong></p>
<p>Typora是一款轻便简介的Warkdown编辑器，支持即使渲染技术，这也是与其他Markdown编辑器最显著的区别。</p>
<h5 id="Markdown介绍"><a href="#Markdown介绍" class="headerlink" title="Markdown介绍"></a>Markdown介绍</h5><p>*Markdown是一种轻量级标记语言，排版语法简洁，它允许人们使用易读易写的纯文本格式编写文档，可与HTML混编，可导出HTML、PDF以及本身的.md格式的文件。</p>
<p>*Markdown的语法十分简单，常用的标记符号不到十个，用于日常写作记录绰绰有余。</p>
<p>*就是这十个不到的标记符号，却能让人优雅地沉浸式记录，专注内容而不是纠结排版，达到[心中无尘，码字入神]的境界。</p>
<h6>markdown注释语法</h6>

<!-- HTML语法，这是注释文本，不会显示在浏览器上，会显示在HTML文档上-->

<p>以分号开头的注释行，不会被编译到HTML文档中，（中文全角、英文半角都可，但要顶格）</p>
<p>以冒号开头的注释，会被编译到HTML文档中，并且会呈现在浏览器中（也不分全角半角）</p>
<h6 id="Markdown标题语法"><a href="#Markdown标题语法" class="headerlink" title="Markdown标题语法"></a>Markdown标题语法</h6><p>在要创建的标题前面添加井号（#）。#的数量代表了标题的级别。例如添加三个#表式创建了一个三级标题（<h3>）。（不同的markdown应用程序处理#和标题之间的空格方式并不一致。为了兼容考虑，请用一个空格在#和标题之间进行分割）</p>
<p>可选语法</p>
<p>还可以在文本下方添加任意的==来标识一级标题，或者用 – 号来标识二级标题</p>
<h6>markdown换行语法</h6>

<p>在一行的末尾添加两个或多个空格，然后按回车键，即可创建一个换行（<br>）。</p>
<h6>markdown强调语法</h6>

<p>粗体：Ctrl+B，或者在单词或短语的前后各添加两个星号或者下划线（<!--例如**example**-->）</p>
<p>斜体：Ctrl+I，或者在单词或者短语前后添加一个星号或者下划线（<!--例如*example，HTML添加斜体打<em></em>标签*-->）</p>
<p>粗体AND斜体：要同时使用粗体和斜体突出显示文本，在单词或短语前后各添加三个星号或者三个下划线，中间不要带空格。</p>
<h6>markdown引用语法</h6>

<p>要<strong>创建块引用</strong>，在段落前添加一个 &gt; 符号（需顶格）</p>
<p>渲染效果：</p>
<blockquote>
<p>创建了一个块引用</p>
</blockquote>
<p><strong>多个段落的块引用</strong>：块引用可以包含多个段落。为段落之间的空白行添加一个&gt;符号</p>
<p>渲染效果：</p>
<blockquote>
<p>第一段</p>
</blockquote>
<blockquote>
<p>第二段</p>
</blockquote>
<p><strong>嵌套块引用</strong>：块引用可以嵌套。在以引用的块中另起一行（回车），然后在新行顶格输入&gt;符号。</p>
<p>渲染效果：</p>
<blockquote>
<p>块引用</p>
<blockquote>
<p>嵌套</p>
</blockquote>
</blockquote>
<p><img src="C:\Users\傲月星辰\Desktop\带其他元素的块引用.jpg"></p>
<h6>markdown列表语法</h6>

<p>可以将多个条目组织成有序或者无序列表</p>
<p><strong>有序列表</strong>：要创建有序列表，在每个列表项前添加数字并跟一个<strong>英文句点</strong>（半角）。数字不必按数学顺序排列，但列表应当以数字1起始。</p>
<ol>
<li><p>First item</p>
</li>
<li><p>Second item</p>
</li>
<li><p>Third item</p>
<ol>
<li>Indenteed item</li>
</ol>
</li>
</ol>
<p><strong>无序列表</strong>：创建无序列表，在每个·列表项前面添加破折号（-）、星号（*）或者加号（+）。缩进一个或多个列表项可创建嵌套列表。</p>
<ul>
<li>first item</li>
<li>second item<ul>
<li>indented  item<ul>
<li>1<ul>
<li>1</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
<p><strong>在列表中嵌套其他元素</strong>：保留列表连续性的同时在列表中添加另一种元素，请将该元素（该元素指的是段落、引用块、代码块，在元素前边添加四个空格或者一个制表符）缩进四个空格或者一个制表符，例如：</p>
<p><img src="C:\Users\傲月星辰\Desktop\搭建个人博客\其他\段落.jpg"></p>
<p>渲染效果：</p>
<ul>
<li><p>This is the first list item.</p>
</li>
<li><p>Here is the second list item.</p>
<p>​    </p>
<p>I need to add another paragraph below the second list item.</p>
</li>
<li><p>And here ‘s the third list item.</p>
</li>
</ul>
<p><strong>引用块</strong>：</p>
<p>渲染效果：</p>
<ul>
<li><p>This is the first list item.</p>
</li>
<li><p> This is the second list item.</p>
</li>
</ul>
<blockquote>
<p>A blockquote would look great below the secnd list item.</p>
</blockquote>
<ul>
<li>And here’s the third list item.</li>
</ul>
<p><strong>代码块</strong>：代码块通常采用四个空格或一个制表符缩进。当它们被放在列表中时，请将它们缩进八个空格或者两个制表符。</p>
<p>渲染效果：</p>
<ol>
<li><p>Open the file.</p>
</li>
<li><p>Find the  following code block on line 21:</p>
<p>​    <html></p>
<head>
    <title>test</title>
</head>

<p>​    </html></p>
</li>
</ol>
<p><strong>列表</strong>：可以在有序列表中创建一个无序列表</p>
<h6>markdown代码语法</h6>

<p>要将单词或短语表示为代码，请将其包裹在反引号 (`) 中。</p>
<p><strong>转义反引号</strong>：如果你要表示为代码的单词或短语中包含一个或多个反引号，则可以通过将单词或短语包裹在双反引号(````)中。</p>
<!--``USE `CODE` IN YOUR MARKDOWN FILE.``-->

<p>渲染效果</p>
<p><code>USE `CODE` IN YOUR MARKDOWN FILE.</code></p>
<p><strong>代码块</strong>：创建代码块，请将代码块的每一行缩进至少四个空格或一个制表符</p>
<p>​    <html></p>
<p>​    <head></head></p>
<p>​    </html></p>
<h6>markdown分割线语法</h6>

<p>要创建分割线，在单独一行使用三个或多个星号、破折号或下划线，并且不能包含其他内容。</p>
<p>渲染效果：</p>
<hr>
<h6>markdown连接语法</h6>

<p>连接文本放在括号内，链接地址放在后面的括号中，链接title可选。</p>
<p>超链接Markdown语法代码：<code>[超链接显示名](超链接地址 &quot;超链接title&quot;)</code></p>
<p>对应的HTML代码：<code>&lt;a href=&quot;超链接地址(URL)&quot; title=&quot;超链接title&quot;&gt;超链接显示名&lt;/a&gt;</code></p>
<!--这是一个Marhdown学习链接：[Markdown语法](https://markdown.com.cn)-->

<p>渲染效果：</p>
<p>这是一个Markdown学习链接：<a target="_blank" rel="noopener" href="https://markdown.com.cn/">Markdown语法</a></p>
<p><strong>网址和Email地址</strong>：使用尖括号可以很方便地吧URL或者email地址变成可点击的链接。</p>
<!--<https://markdown.com.cn>-->

<!--aoyuexingchen@163.com-->

<p>渲染效果：</p>
<p><a target="_blank" rel="noopener" href="https://markdown.com.cn/">https://markdown.com.cn</a></p>
<p><a href="mailto:&#97;&#x6f;&#x79;&#x75;&#101;&#120;&#x69;&#x6e;&#103;&#99;&#x68;&#x65;&#x6e;&#x40;&#x31;&#54;&#51;&#46;&#x63;&#x6f;&#109;">&#97;&#x6f;&#x79;&#x75;&#101;&#120;&#x69;&#x6e;&#103;&#99;&#x68;&#x65;&#x6e;&#x40;&#x31;&#54;&#51;&#46;&#x63;&#x6f;&#109;</a></p>
<p><strong>引用类型链接</strong>：引用样式链接是一种特殊的链接，它使URL在Markdown中更易于显示和阅读。参考样式链接分为两部分：与文本保持内联的部分以及存储在文件中其他位置的部分，以使文本易于阅读。</p>
<p>引用类型的<strong>链接的第一部分</strong>使用两组括号进行格式设置。第一组方括号包围应显示为链接的文本。第二组括号显示了一个标签，该标签用于指向您存储在文档其他位置的链接。</p>
<p>尽管不是必需的，可以在第一组和第二组括号之间包含一个空格。第二组括号中的标签不区分大小写，可以包含字母，数字，空格或标点符号。</p>
<p>以下示例格式对于链接的第一部分效果相同：</p>
<ul>
<li><code>[hobbit-hole][1]</code></li>
<li><code>[hobbit-hole][1]</code></li>
</ul>
<p>引用类型<strong>链接的第二部分</strong>使用以下属性设置格式：</p>
<ol>
<li>放在方括号中的标签，其后紧跟一个冒号和至少一个空格（例如<code>[lable]: </code>）</li>
<li>连接的URL，可以选择将其括在尖括号中。</li>
<li>连接的可选标题，可以将其括在双引号中，单引号活着括号中。</li>
</ol>
<p>以下示例格式对于链接的第二部分效果相同：</p>
<ul>
<li><code>[1]: https://en.wikipedia.org/wiki/Hobbit#lifestyle</code></li>
<li><code>[1]: https://en.wikipedia.org/wike.Hobbit#lifestyle &quot;Hobbit lifestyles&quot;</code></li>
</ul>
<h6>Markdown图片语法</h6>

<p>要添加图像，使用感叹号（<code>!</code>）,然后在方括号增加替代文本，图片链接放在圆括号内，括号里的链接后可以增加一个可选的图片标题文本。</p>
<p>插入图片Markdown语法代码：<code>![图片alt](图片链接 &quot;图片title&quot;)</code></p>
<p>对应的HTML代码：<code>&lt;img src=&quot;图片URL&quot; alt=&quot;图片alt&quot; title=&quot;图片title&quot;&gt;</code></p>
<p><img src="C:\Users\傲月星辰\Desktop\搭建个人博客\其他\图片语法.jpg"></p>
<p>渲染效果：</p>
<p>![A picture](D:\Users\Atlantis\Pictures\Saved Pictures\001.jpg “001”)</p>
<p><strong>链接图片</strong>：给图片增加链接，请将图像的Markdown 括在方括号中，然后将链接添加在圆括号中。</p>
<p>[![A picture](D:\Users\Atlantis\Pictures\Saved Pictures\000.jpg)](D:\Users\Atlantis\Pictures\Saved Pictures\003)</p>
<h6>Markdown转义字符语法</h6>

<p>要显示原本用于格式化 Markdown 文档的字符，请在字符前面添加反斜杠字符 () 。</p>
<p>详情：<a target="_blank" rel="noopener" href="https://markdown.com.cn/basic-syntax/escaping-characters.html">https://markdown.com.cn/basic-syntax/escaping-characters.html</a></p>
<p>&lt;h6Markdown内嵌HTML标签</h6></p>
<p>对于 Markdown 涵盖范围之外的标签，都可以直接在文件里面用 HTML 本身。如需使用 HTML，不需要额外标注这是 HTML 或是 Markdown，只需 HTML 标签添加到 Markdown 文本中即可。</p>
<p>详情：<a target="_blank" rel="noopener" href="https://markdown.com.cn/basic-syntax/htmls.html">https://markdown.com.cn/basic-syntax/htmls.html</a></p>

      
    </div>
    <footer class="article-footer">
      <a data-url="https://aoyuexingchen.gitee.io/my-blog/2021/04/08/markdown%E5%9F%BA%E6%9C%AC%E8%AF%AD%E6%B3%95/" data-id="ckn92bptf0001bgvjc9tv83r2" data-title="markdown基本语法" class="article-share-link">分享</a>
      
      
      
    </footer>
  </div>
  
    
<nav id="article-nav">
  
  
    <a href="/my-blog/2021/04/08/hello-world/" id="article-nav-older" class="article-nav-link-wrap">
      <strong class="article-nav-caption">后一篇</strong>
      <div class="article-nav-title">Hello AYXC</div>
    </a>
  
</nav>

  
</article>


</section>
        
          <aside id="sidebar">
  
    

  
    

  
    
  
    
  <div class="widget-wrap">
    <h3 class="widget-title">归档</h3>
    <div class="widget">
      <ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/my-blog/archives/2021/04/">四月 2021</a></li></ul>
    </div>
  </div>


  
    
  <div class="widget-wrap">
    <h3 class="widget-title">最新文章</h3>
    <div class="widget">
      <ul>
        
          <li>
            <a href="/my-blog/2021/04/08/markdown%E5%9F%BA%E6%9C%AC%E8%AF%AD%E6%B3%95/">markdown基本语法</a>
          </li>
        
          <li>
            <a href="/my-blog/2021/04/08/hello-world/">Hello AYXC</a>
          </li>
        
      </ul>
    </div>
  </div>

  
</aside>
        
      </div>
      <footer id="footer">
  
  <div class="outer">
    <div id="footer-info" class="inner">
      
      &copy; 2021 傲月星辰<br>
      Powered by <a href="https://hexo.io/" target="_blank">Hexo</a>
    </div>
  </div>
</footer>

    </div>
    <nav id="mobile-nav">
  
    <a href="/my-blog/" class="mobile-nav-link">Home</a>
  
    <a href="/my-blog/archives" class="mobile-nav-link">Archives</a>
  
</nav>
    


<script src="/my-blog/js/jquery-3.4.1.min.js"></script>



  
<script src="/my-blog/fancybox/jquery.fancybox.min.js"></script>




<script src="/my-blog/js/script.js"></script>





  </div>
</body>
</html>